@color: #d00210; // 主色
@color1: #EF8200;
@color2: #EA541F;
@color3: #ec9a9f; // 边框颜色
.ivu-table,.ivu-btn-small,.ivu-btn,.ivu-input,.ivu-form .ivu-form-item-label,body,.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-single .ivu-select-selection .ivu-select-selected-value,.ivu-radio-wrapper,.ivu-modal-body{
	font-size: 14px;
}
.ivu-select-selection{
	border: 1px solid #ec9a9f;
	border-radius: 0
}
.ivu-btn{
	border-radius: 0;
	&.red{
		background: @color
	}
}
.border-red{
	border-color: @color3
}
.ivu-table th{
	background-color: #fdf2f3
}
.ivu-table-row-highlight td, .ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td, .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td, tr.ivu-table-row-highlight.ivu-table-row-hover td, tr.ivu-table-row-hover td{
	background-color: #fdf2f3;
}
.ivu-table:before, .ivu-table:after{
	background-color: transparent;
}
.ivu-table-wrapper{
	border: 0
}
img.shadow{
	float:left;
}
div.user img.shadow{
	width:auto!important;
	height: auto!important;
	border-radius: 0;
	margin-top: -10px;
}
// input和select的高度
.ivu-input, .ivu-input-large, .ivu-select-single .ivu-select-selection, .ivu-select-large.ivu-select-single .ivu-select-selection,.large{
  height: 48px;
  padding-left: 16px;
}
.ivu-input-icon, .ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-single .ivu-select-selection .ivu-select-selected-value, .ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-large.ivu-select-single .ivu-select-selection .ivu-select-selected-value{
  height: 48px;
  line-height: 48px;
  padding-left: 0px;
}
// 对话框里表头的关闭x按钮
.ivu-modal-close .ivu-icon-ios-close{
  line-height: 90px;
  top: 0;
}
// 对话框表头
.ivu-modal-header{
  background: #f9f9ff;
  border-bottom: 1px solid #dde1ff;
  height: 90px;
  line-height: 90px;
  padding: 0 63px;
}
//.ivu-modal-body{
//  padding: 16px 20px;
//}
// input里面的lable
.ivu-form .ivu-form-item-label{
  line-height: 2;
}
// 所有对话框的padding
.ivu-modal-body {
  padding: 40px 63px;
}
// 设备列表里面的对话框
.Modal .ivu-modal-body{
  padding: 0;
}
// 开关行高
.information .ivu-form-item-content{
  line-height: 48px;
}
.ivu-input-large{
  padding: 6px 16px;
}
.ivu-modal-header p, .ivu-modal-header-inner{
	height:90px;
	line-height: 90px;
}
.ivu-modal-close{
	top:0
}
.ivu-btn-primary{
	background: @color;
	border-color: @color;
	&:hover{
		background: @color;
		border-color: @color;
	}
}
.ivu-btn-error{
	background: @color1;
	border-color: @color1;
}
.ivu-btn-warning{
	background: @color2;
	border-color: @color2;
}
.ivu-page-item-jump-next, .ivu-page-item-jump-prev, .ivu-page-next, .ivu-page-prev{
	border-color: @color3;
	border-radius: 0;
}
.ivu-page-item-active{
	border-color: @color3;
	color: #fff;
	background-color: @color;
}
.ivu-page-item-active a, .ivu-page-item-active:hover a{
	color: #fff
}
.pageBox{
	display: inline-block;
	margin: 20px auto
}
.ivu-input{
	border-color: @color3;
}
div.title,div.ltitle{
	background: #fae5e7!important;
}
div.center{
	text-align: center;
}
.ivu-card,.ivu-page-item,.ivu-input{
	border-radius: 0;
}
div.editBox .w-e-toolbar,div.editBox .w-e-text-container{
	border-color: @color3!important;
}
div.edit{
	.ivu-select-dropdown{
		z-index: 10002;
		position: relative;
	}
	.ivu-modal{
		width:800px!important
	}
}
.ivu-select-dropdown{
	z-index: 10002;
}
.ivu-date-picker{
	width:100%
}
li{
	list-style: none;
}
.titleText{
	font-size: 18px
}
// 首页
div.overview{
	div:after,ul:after{
		content: "";
		display: block;
		clear: both;
	}
	div.colBox{
		height: 790px;
	}
	// 左侧
	.left{
		padding: 0 25px;
		background: #fff;
		height: 100%;
		div.server_num{
			h1{
				font-weight: normal;
			}
			div{
				color: #d00210;
			}
		}
		div.top{
			text-align: center;
			padding: 45px 0 55px;
			border-bottom: 1px solid #F0F0F1;
			.ivu-icon-ios-arrow-down:before{
				content: url(../../static/images/ivu-icon-ios-arrow-down.png)
			}
			.ivu-select-single .ivu-select-selection .ivu-select-placeholder, .ivu-select-single .ivu-select-selection .ivu-select-selected-value{
				display: inline-block
			}
			.ivu-select-arrow{
				position: static;
				height: 48px;
				line-height: 48px;
				margin-top: 5px;
			}
			.ivu-select-selection{
				border: 0
			}	
			div.server_num{
				h1{
					font-size: 40px;
					padding: 20px 0 10px;
				}
				div{
					font-size: 20px;
				}
			}
		}
		ul.list{
			li{
				float: left;
				width: 50%;
				text-align: center;
				padding: 30px 0;
				div.server_num{
					h1{
						font-size: 20px;
					}
				}
			}
		}
		div.circleGroup{
			clear: both;
			position: relative;
			div.ivu-chart-circle{
				position: absolute;
				top: 40px;
				left: 50%;
				&.circle1{
					margin-left: -60px;
					top: 120px;
				}
				&.circle2{
					margin-left: -100px;
					top: 80px;
				}
				&.circle3{
					margin-left: -140px;
					-moz-transform:scaleX(-1);
					-webkit-transform:scaleX(-1);
					-o-transform:scaleX(-1);
					transform:scaleX(-1);
					/*IE*/
					filter:FlipH;
				}
			}
		}
		div.message{
			position: absolute;
			bottom: 50px;
			text-align: center;
			width: calc(~"100% - 50px");
			div{
				display: inline-block;
			}
			span{
				position: relative;
				&.status{
					padding-left: 40px;
					&:before{
						content: "";
						display: block;
						width: 25px;
						height: 5px;
						position: absolute;
						left: 0;
						top: 4.5px;
						background: #1D8E0A;
					}
					&.runed:before{
						background: #8DB5FF;
					}
				}
				&.text{
					color: #ac0b16;
					font-weight: bold;
					&.first{
						margin-right: 40px;
					}
				}
			}
		}
	}
	// 右侧
	.right{
		.col{
			padding: 25px 40px;
			background: #fff;
			text-align: center;
			position: relative;
			&:before{
				content: "";
				position: absolute;
				width: 10px;
				height: 100%;
				background: #F0F0F0;
				top: 0;
				left: 0;
			}
			div.text{
				font-size: 20px;
			}
			div.center{
				text-align: center;
				margin: 0 10px 30px;
				div.h1{
					font-size: 36px;
					color: #d00210;
				}
			}
			ul{
				margin: 0 10px 30px;
				li{
					float: left;
					width: 50%;
					div.h1{
						font-size: 36px;
					}
					&.first{
						border-right: 1px solid #DBDBDB;
						div.h1{
							color: #d00210;
						}
					}
					@media (max-width:1366px) {
						&.first{
							text-align: left;
						}
					}
				}
			}
			.ivu-progress-bg{
				background-color: #FFC837;
			}
			div.message{
				margin-top: 20px;
				span{
					color: #d00210;
					margin-left: 10px;
				}
			}
		}
		div#echarts{
			margin: 10px 0 0 10px;
			height: 542px;
			background: #fff;
		}
	}
}
div.server_list{
	div.top{
		margin-bottom: 20px;
		.ivu-input-wrapper{
			margin-right: 30px
		}
		button{
			float: right
		}
	}
	.ivu-table-cell{
		padding: 0 15px
	}
}
// 服务器详情面板
div.detail{
	div.left{
		float: left;
		text-align: right;
		padding-right: 20px;
		height: 100%;
		left: 2px
	}
	div.right{
		float: right;
		padding-left: 20px;
	}
	div.right,div.left{
		width: 50%;
		position: relative;
		padding-top: 20px;
	}
	div.date{
		font-size: 20px;
	}
	div.detailBox{
		&.left{
			border-right: 2px solid #D8D8D8;
			&:after{
				content: "";
				position: absolute;
				border-width: 10px;
				border-style: solid;
				border-color:transparent #D8D8D8 transparent transparent; 
				top: 20px;
				right: -1px;
			}
		}
		&.right{
			border-left: 2px solid #D8D8D8;
			&:before{
				content: "";
				position: absolute;
				border-width: 10px;
				border-style: solid;
				border-color:transparent transparent transparent #D8D8D8; 
				top: 20px;
				left: -1px;
			}
		}
	}
	ul{
		li{
			padding-bottom: 25px;
			span{
				float: left
			}
			span.label{
				width: 15%;
				color: #848484;
				text-align: left;
			}
			span.text{
				width: 80%;
				color: #333;
				text-align: left;
				word-wrap: break-word;
				overflow: hidden;
				text-overflow:ellipsis;
				white-space: nowrap;
			}
		}
	}
	div.box:hover{
		background: #F9F9F9;
		div.date{
			color: #ffc834
		}
		div.detailBox{
			&.left{
				&:after{
					border-color:transparent #ffc834 transparent transparent; 
				}
			}
			&.right{
				&:before{
					border-color:transparent transparent transparent #ffc834
				}
			}
		}
	}
}
.ivu-modal-body:after,div.box:after{
	content: "";
	display: block;
	clear: both
}
.ivu-modal-header p.detail_title{
	line-height: 1
}
.detail_model{
	.ivu-modal-header{
		background: #fffbf2;
	}
	.detail_title{
		ul{
			li{
				float: left;
				width: 25%;
				div.label{
					padding: 20px 0;
					color: #848484;
					font-size: 20px;
				}
				div.name{
					width: 100%;
					word-wrap: break-word;
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
			}
		}
	}
	.echartsBox{
		div.eTitle{
			border-left: 3px solid #D0020F;
			padding-left: 20px;
		}
		.echarts{
			height:250px;
			width: 580px;
			&.group{
				width: 1160px;
			}
		}
	}
}
// 服务器新建分组面板
div.newModel{
	div.group{
		margin-bottom: 30px;
	}
}
div.serverModal{
	.ivu-modal-header p, .ivu-modal-header-inner, .ivu-modal-close .ivu-icon-ios-close, .ivu-modal-header{
		height: 35px;
		line-height: 35px;
	}
	.ivu-modal-content-no-mask{
		position: fixed;
		right: 0;
		bottom: 0;
		display: none;
	}
	.ivu-modal-body{
		padding: 20px 0;
		height: 430px;
		overflow: auto;
	}
	div.label{
		color: #848484;
		margin-bottom: 15px;
		font-weight: bold
	}
	div.text{
		margin-bottom: 15px;
		color: #333;
	}
	.constBox{
		padding: 20px;
	}
	.constBox:nth-of-type(even){
		background: #f2f2f2
	}
}
// 应用详情
div.appDetails,div.details{
	label{
		width: 150px;
		display: inline-block;
		position: absolute;
	}
	div.form{
		margin: 20px;
		position: relative;
		min-height: 21px;
		span{
			display: inline-block;
			margin-left: 150px;
		}
	}
	div.myCard{
		margin-top: 20px
	}
	div.title{
		padding: 20px;
		background: none!important;
		border-bottom: 1px solid #ddd;
		font-size: 20px
	}
}
.sortMenu{
	div:after,ul:after{
		content: "";
		display: block;
		clear: both
	}
}
.app-log{
	border: 1px solid #f0f0f0;
	padding: 20px 40px;
	margin-top: 20px;
	max-height: 560px;
	overflow: auto;
	background: #333;
	p{
		font-size: 14px;
		line-height: 1.8;
		color: #fff
	}
}
div.recordBox{
	position: relative;
	.texteara{
		overflow: auot;
		border: 1px solid #ddd;
		padding: 10px;
		outline: 0;
		display: block;
		width: 100%;
		height: 500px;
		resize: none;
	}
}
div.myBox{
	div.left{
		float:left;
		width: 50%;
		height: 25px;
		line-height: 25px
	}
	div.right{
		float: right;
		width: 50%;
		height: 25px;
		line-height: 25px
	}
}
label.myLabel {
	width: 120px;
	display: inline-block;
	margin-right: 15px;
	text-align: right;
	height: 48px;
	line-height: 48px
}
div.app-form{
	position: relative;
}
div.app-form label.myLabel{
	position: absolute;
}
div.app-form div.myDiv{
	margin: 30px 0 30px 139px;
}